<template>
  <div id="right">
    <div class="content">
      <video-sur></video-sur>
      <burglar-alarm></burglar-alarm>
      <accessControl></accessControl>
      <fireHydrant></fireHydrant>
    </div>
  </div>
</template>
<script>
import accessControl from "./tools/accessControl.vue";
import fireHydrant from "./tools/fireHydrant.vue";
import VideoSur from "./tools/VideoSur.vue";
import BurglarAlarm from "./tools/BurglarAlarm.vue";

export default {
  components: {
    accessControl,
    fireHydrant,
    VideoSur,
    BurglarAlarm,
    
  }
};
</script>
<style scoped>
#right {
  position: relative;
  color: white;
  height: 2144px;
  background: url("../../../../static/images/rightBackground.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.content {
  width: 940px;
  float: right;
  padding: 5px 40px;
  height: 100%;
}
</style>